.margin30-b {
  margin-bottom: 60rpx;
}

.margin20-t {
  margin-top: 40rpx !important;
}

.margin20-b {
  margin-bottom: 40rpx;
}

.weui-mask {
  z-index: 1001;
}

.weui-half-screen-dialog {
  z-index: 1010;
  max-height: inherit;

  .top-close {
    right: 0rpx;
    position: absolute;
    padding: 20rpx 30rpx;
    top: 0rpx;
  }

  .weui-half-screen-dialog__hd {
    height: auto;

    .weui-half-screen-dialog__hd__main {
      padding: 50rpx 0rpx 30rpx;
    }

  }

  .weui-half-screen-dialog__bd {
    overflow-y: initial;
    height: auto;
    padding-bottom: 30rpx;
  }

  .weui-half-screen-dialog__ft {
    padding-bottom: 60rpx;
  }

}

.page-navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: transparent;
  background-image: url("https://yc-activity.oss-cn-beijing.aliyuncs.com/Uploads/mini/navbar_bg.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: top center !important;

  .navLeft {
    font-weight: bold;
    position: absolute;
    left: 0rpx;
    transform: translateY(-50%);
    top: 50%;
    padding: 10px 20rpx;

    image {
      vertical-align: middle;
      position: relative;
      top: -2rpx;
    }

    .ico-back{
      height: 40rpx;
      width: 40rpx;
    }

    .nl-li {
      display: inline-block;
      min-width: 60rpx;

      image {
        width: 40rpx;
        height: 40rpx;
        vertical-align: middle;
      }
    }
  }

  .navbarH {
    position: relative;

    .navbarCon {
      position: absolute;
      bottom: 0;
      height: 100rpx;
      width: 100%;
    }

    .name {
      text-align: center;
      color: #FFFFFF;
      font-size: 32rpx;
      align-items: center;
      display: flex;
      justify-content: center;
      //padding-left: 30rpx;
      font-weight: bolder;
    }

    .nameLeft {
      text-align: left;
      justify-content: left !important;
      padding-left: 20rpx;

      .wf-t {
        padding: 0px 10rpx;
        color: var(--gray-f1);
        position: relative;
        font-weight: 500;
        font-size: 36rpx;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        margin-right: 20rpx;
      }

      .wf-t:last-child {
        margin-right: 0rpx;
      }

      .active {
        color: var(--fc-m2);

        &::after {
          content: " ";
          width: 40rpx !important;
          display: block;
          position: absolute;
          border: 4rpx solid var(--m-3);
          border-radius: 100rpx;
          margin: 0px auto;
          left: 0px;
          right: 0px;
          bottom: -10rpx;
        }
      }
    }
  }

  .nameRight {
    display: flex;
    flex: 0.7;
    align-items: center;

    .ico {
      height: 68rpx;
      width: 68rpx;
    }
  }
}

.icon16 {
  height: 32rpx;
  width: 32rpx;
}

/* 右侧悬浮按钮  s */
.btn-fixed-right {
  position: fixed;
  z-index: 90;
  right: 20rpx;
  border-radius: 48rpx 0px 0px 48rpx;
  font-size: 32rpx;
  font-weight: 400;
  color: #FFFFFF;
  bottom: 18%;


  .bf-btn {
    display: block;
    border-radius: 100%;
    margin-top: 20rpx;
    text-align: center;
    font-size: 28rpx;

    .weui-btn-float {
      padding: 0rpx;
      font-size: 30rpx;
      height: 96rpx;
      width: 96rpx;
      margin-top: 3px;
      border: 0px;
      border-radius: 140rpx;
      box-shadow: 0rpx 8rpx 61rpx 0rpx rgba(0, 0, 0, 0.08);

      .img {
        height: 100%;
        width: 100%;
        border-radius: 100%;
      }
    }
  }
}

/* 右侧悬浮按钮 */

//个人资料标签
.tag-groups {
  .label {
    margin-right: 30rpx;
    background: #F5F6FA;
    padding: 10rpx 20rpx;
    border-radius: 166rpx;
    font-weight: 400;
    font-size: 28rpx;
    color: #000000;
    line-height: 40rpx;
  }

  .label-alt {
    display: inline-block;
    background-color: #ffffff;
    border: 2rpx solid #F2F2F2;
    color: var(--gray-2);
    margin-right: 10rpx;
    padding: 10rpx 20rpx;
    border-radius: 166rpx;
    font-weight: 400;
    font-size: 28rpx;
    line-height: 40rpx;
  }

  .label-w {
    display: inline-flex;
    background-color: #ffffff;
    //border: 2rpx solid  #F2F2F2;
    margin-right: 10rpx;
    padding: 20rpx;
    border-radius: 16rpx;
    font-weight: 400;
    font-size: 28rpx;
    line-height: 40rpx;
    margin-bottom: 20rpx;
    align-items: center;

    .ico48 {
      width: 48rpx;
      height: 48rpx;
      vertical-align: middle;
      position: relative;
      //top: -4rpx;
      margin-right: 6rpx;
    }
  }

  .label-small {
    padding: 10rpx 20rpx;

    .ico48 {
      height: 40rpx;
      width: 40rpx;
    }
  }

  .active {
    color: var(--fc-1);
    background: var(--m-1);
  }

  .label:last-child {
    margin-right: 0rpx;
  }
}

.tag-group-2 {
  .label {
    background: #ffffff;
    margin: 16rpx 20rpx 0rpx 0rpx;
    font-size: 26rpx;
    border-radius: 16rpx;
    display: inline-flex;
    align-items: center;
  }
}


//喜欢列表  +  访客列表
.wc-visit-li {
  .weui-cell__hd {
    position: relative;
    margin-right: 20rpx;

    .img-avatar {
      height: 128rpx;
      width: 128rpx;
      border-radius: 16rpx;
      vertical-align: middle;
    }
  }


  .weui-cell__ft {
    .img {
      height: 72rpx;
      width: 72rpx;
      vertical-align: middle;
    }

    button {
      padding: 0rpx;
    }
  }
}

.t-sys {
  color: #00CCBC;
  border-radius: 4rpx;
  border: 2rpx solid #00CCBC;
  font-size: 20rpx;
  padding: 4rpx;
  text-align: center;
  margin-left: 6rpx;
  vertical-align: top;
}

//文字列表
.opt-list {
  height: 600rpx;
  position: absolute;
  width: 100%;
  background: #ffffff;
  left: -1rpx;
  z-index: 199;
  top: 100rpx;
  border-radius: 20rpx;
  box-sizing: border-box;
  padding: 20rpx 0rpx;

  .cl-li {
    font-size: 28rpx;
    padding: 20rpx 30rpx;
    border-bottom: 2rpx solid #F5F5F5;
  }

  .cl-active {
    color: var(--m-3);
    border-radius: 10rpx;
  }
}


.wc-activity {
  background: #fff !important;
  padding: 0rpx !important;
  display: block;
  margin: 20rpx 30rpx 0rpx;
  border-radius: 20rpx;

  .weui-cell__hd {
    .bg {
      border-radius: 20rpx 20rpx 0rpx 0rpx;
      width: 690rpx;
      height: 340rpx;
    }
  }

  .weui-cell__bd {
    padding: 10rpx 20rpx 20rpx;
    position: relative;

    .wb-li {
      font-size: 24rpx;
      color: var(--gray-2);
      line-height: 48rpx;
      min-width: 240rpx;
      max-width: 320rpx;
      display: inline-block;
      vertical-align: top;

      .st {
        margin-right: 10rpx;
        font-weight: 500;
      }

      .ico-star {
        height: 24rpx;
        width: 24rpx;
        vertical-align: middle;
        margin-right: 6rpx;
        position: relative;
        top: -4rpx;
      }
      .ico-t {
        height: 26rpx;
        width: 26rpx;
        vertical-align: middle;
        margin-right: 10rpx;
        position: relative;
        top: -2rpx;
      }
    }

    .wb-full {
      width: 100%;
      max-width: initial;
    }

    .ico-type {
      position: absolute;
      right: 20rpx;
      bottom: 30rpx;
    }

  }
}

.wc-stat{
  border-top: 1px solid var(--borderColor);
  padding: 20rpx 30rpx;
  text-align: center;
  font-size: 26rpx;
  color: var(--fc-3);
  font-weight: 400;

  .font-t1{
   line-height: 60rpx;
    font-size: 46rpx;
  }

  .active{
    color: #E3C152;
  }
}


 .wc-task {
    background: rgba(204, 204, 204, 0.2);
    position: relative;
    margin-bottom: 20rpx;

   .weui-cell__hd {
     position: relative;
     padding: 40rpx 20rpx;
   }

   .label {
     background: var(--m-1);
     width: 140rpx;
     text-align: center;
     height: 70rpx;
     line-height: 70rpx;
     color: #ffffff;
     border-radius: 50rpx;
     box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
   }

   .img-status {
     position: absolute;
     left: -2rpx;
     top: -2rpx;
     height: 80rpx;
     width: 80rpx;
     border-radius: 12rpx;
   }

   .rs-req {
     position: absolute;
     float: right;
     font-weight: normal;
     font-size: 28rpx;
     color: #FFFFFF;
     background: #A5D63F;
     border-radius: 60rpx;
     padding: 4rpx 20rpx;
     top: 24rpx;
     right: 20rpx;
   }

   .rs-req-1{
     background-color: #43CF7C;
   }
}
